var list1 = document.querySelector('#all-ul')
var arr1 = [{
    "ddd": "nr-yes",
    "num": "剩余 90%",
    "title": "[新三国争霸]“受命于天”幸运礼包",
    "img": "http://image.game.uc.cn/2015/4/9/10387390.png",
    "lh": "领号"
}, {
    "ddd": "nr-yes",
    "num": "剩余 90%",
    "title": "[新三国争霸]“如鱼得水”幸运礼包",
    "img": "http://image.game.uc.cn/2015/4/9/10387390.png",
    "lh": "领号"
}, {
    "ddd": "nr-yes",
    "num": "剩余 84%",
    "title": "[朕的江山]特权礼包",
    "img": "http://image.9game.cn/s/9game/g/2019/6/13/84058801.png",
    "lh": "领号"
}, {
    "ddd": "nr-lan",
    "num": "已有2人预订",
    "title": "[圣戒信条]预约礼包",
    "img": "http://image.9game.cn/s/9game/g/2021/1/16/201975256.gif",
    "lh": "预订"
},]
var sky1 = ''
arr1.map(itme => {
    sky1 += `<li>
    <div class="number-imgs">
        <a href="" class="number-q">
            <img src="${itme.img}" alt="">
            <span></span>
        </a>
    </div>
    <a href="">
        <strong class="state">${itme.title}</strong>
    </a>
    <p class="number-p">${itme.num}</p>
    <a class="number-dd ${itme.ddd}" href="">${itme.lh}</a>
</li>`
})
list1.innerHTML = sky1


var list2 = document.querySelector('#all-ul1')
var arr2 = [{
    "ddd": "nr-lan",
    "num": "已有3人预订",
    "title": "[河图寻仙记]预约礼包",
    "img": "http://image.9game.cn/s/9game/g/2021/2/5/211769413.png",
    "lh": "预订"
}, {
    "ddd": "nr-yes",
    "num": "剩余 89%",
    "title": "[银河战舰]特权礼包",
    "img": "http://image.9game.cn/s/9game/g/2019/8/28/93346716.png",
    "lh": "领号"
}, {
    "ddd": "nr-yes",
    "num": "剩余 21%",
    "title": "[想不想修真]奖励礼包[仲春]",
    "img": "http://image.9game.cn/s/9game/g/2018/8/20/21706200.png",
    "lh": "领号"
}, {
    "ddd": "nr-yes",
    "num": "剩余 88%",
    "title": "[想不想修真]迎新礼包[仲春]",
    "img": "http://image.9game.cn/s/9game/g/2018/8/20/21706200.png",
    "lh": "领号"
}]
var sky2 = ''
arr2.map(itme => {
    sky2 += `<li>
    <div class="number-imgs">
        <a href="" class="number-q">
            <img src="${itme.img}" alt="">
            <span></span>
        </a>
    </div>
    <a href="">
        <strong class="state">${itme.title}</strong>
    </a>
    <p class="number-p">${itme.num}</p>
    <a class="number-dd ${itme.ddd}" href="">${itme.lh}</a>
</li>`
})
list2.innerHTML = sky2


var list3 = document.querySelector('#all-ul2')
var arr3 = [{
    "ddd": "nr-lan",
    "num": "已有13人预订",
    "title": "光影链接 预约奖励",
    "img": "http://image.9game.cn/s/9game/g/2018/11/7/30892208.png",
    "lh": "预订"
}, {
    "ddd": "nr-lan",
    "num": "已有31人预订",
    "title": "[邂逅在迷宫]预约礼包",
    "img": "http://image.9game.cn/s/9game/g/2021/1/25/205885887.png",
    "lh": "预订"
}, {
    "ddd": "nr-yes",
    "num": "剩余 100%",
    "title": "[剑勤四海]高级礼包",
    "img": "http://image.9game.cn/s/9game/g/2021/2/1/209084718.png",
    "lh": "领号"
}, {
    "ddd": "nr-yes",
    "num": "剩余 100%",
    "title": "[剑勤四海]特权礼包",
    "img": "http://image.9game.cn/s/9game/g/2021/2/1/209084718.png",
    "lh": "领号"
}]
var sky3 = ''
arr3.map(itme => {
    sky3 += `<li>
    <div class="number-imgs">
        <a href="" class="number-q">
            <img src="${itme.img}" alt="">
            <span></span>
        </a>
    </div>
    <a href="">
        <strong class="state">${itme.title}</strong>
    </a>
    <p class="number-p">${itme.num}</p>
    <a class="number-dd ${itme.ddd}" href="">${itme.lh}</a>
</li>`
})
list3.innerHTML = sky3


var list4 = document.querySelector('#all-ul3')
var arr4 = [{
    "ddd": "nr-yes",
    "num": "剩余 67%",
    "title": "[乱煮江湖]豪华礼包",
    "img": "http://image.9game.cn/s/9game/g/2021/2/4/211067823.gif",
    "lh": "领号"
}, {
    "ddd": "nr-yes",
    "num": "剩余 67%",
    "title": "[乱煮江湖]特权礼包",
    "img": "http://image.9game.cn/s/9game/g/2021/2/4/211067823.gif",
    "lh": "领号"
}, {
    "ddd": "nr-yes",
    "num": "剩余 28%",
    "title": "[秦时明月]春节礼包",
    "img": "http://image.9game.cn/s/9game/g/2021/1/26/206360142.png",
    "lh": "领号"
}, {
    "ddd": "nr-lan",
    "num": "已有5人预订",
    "title": "[巫师之昆特牌]预约礼包",
    "img": "http://image.9game.cn/s/9game/g/2021/2/9/214453531.png",
    "lh": "预订"
}]
var sky4 = ''
arr4.map(itme => {
    sky4 += `<li>
    <div class="number-imgs">
        <a href="" class="number-q">
            <img src="${itme.img}" alt="">
            <span></span>
        </a>
    </div>
    <a href="">
        <strong class="state">${itme.title}</strong>
    </a>
    <p class="number-p">${itme.num}</p>
    <a class="number-dd ${itme.ddd}" href="">${itme.lh}</a>
</li>`
})
list4.innerHTML = sky4


var list5 = document.querySelector('#all-ul4')
var arr5 = [{
    "ddd": "nr-lan",
    "num": "已有44404人预订",
    "title": "[英雄联盟手游]预约礼包",
    "img": "http://image.9game.cn/s/9game/g/2021/2/10/215188191.png",
    "lh": "预订"
}, {
    "ddd": "nr-yes",
    "num": "剩余 86%",
    "title": "[谁是首富]-新春总裁礼包",
    "img": "http://image.9game.cn/s/9game/g/2020/9/8/174762267.png",
    "lh": "领号"
}, {
    "ddd": "nr-yes",
    "num": "剩余 90%",
    "title": "[谁是首富]-新春福利礼包",
    "img": "http://image.9game.cn/s/9game/g/2020/9/8/174762267.png",
    "lh": "领号"
}, {
    "ddd": "nr-yes",
    "num": "剩余 80%",
    "title": "[帝国王者归来]115区豪华礼包",
    "img": "http://image.9game.cn/s/9game/g/2019/6/10/83503401.png",
    "lh": "领号"
}]
var sky5 = ''
arr5.map(itme => {
    sky5 += `<li>
    <div class="number-imgs">
        <a href="" class="number-q">
            <img src="${itme.img}" alt="">
            <span></span>
        </a>
    </div>
    <a href="">
        <strong class="state">${itme.title}</strong>
    </a>
    <p class="number-p">${itme.num}</p>
    <a class="number-dd ${itme.ddd}" href="">${itme.lh}</a>
</li>`
})
list5.innerHTML = sky5


//特权礼包今日领取排行榜
var list6 = document.querySelector('#b-ul1')
var data2 = [{
    "fff": "rank-yes",
    "num": "1",
    "title": "[幻书启世录]新手礼包"
}, {
    "fff": "rank-yes",
    "num": "2",
    "title": "[家园卫士]高级礼包"
}, {
    "fff": "rank-yes",
    "num": "3",
    "title": "[游戏王：决斗链接]首发高级礼包"
}, {
    "fff": "rank-no",
    "num": "4",
    "title": "[三国志·战略版]新手礼包"
}, {
    "fff": "rank-no",
    "num": "5",
    "title": "[家园卫士]特权礼包"
}, {
    "fff": "rank-no",
    "num": "6",
    "title": "[新斗罗大陆]斗罗电视剧开播礼包"
}, {
    "fff": "rank-no",
    "num": "7",
    "title": "[新斗罗大陆]2021年情人节礼包"
}, {
    "fff": "rank-no",
    "num": "8",
    "title": "[极品芝麻官]新春佳节礼包"
}, {
    "fff": "rank-no",
    "num": "9",
    "title": "[妄想山海]预约福利"
}, {
    "fff": "rank-no",
    "num": "10",
    "title": "[影之刃3]春节活动礼包"
}]
var skt=''
data2.map(itme =>{
    skt+=`<li class="rank-li">
    <span class="rank-sp ${itme.fff}">${itme.num}</span>
    <a href="">${itme.title}</a>
    <span class="rank-an"></span>
</li>`
})
list6.innerHTML =skt

//特权礼包今日预订排行榜
var list7 =document.querySelector('#b-ul2')
var data3 = [{
    "fff": "rank-yes",
    "num": "1",
    "title": "[英雄联盟手游]预约礼包"
}, {
    "fff": "rank-yes",
    "num": "2",
    "title": "[航海王热血航线]预约礼包"
}, {
    "fff": "rank-yes",
    "num": "3",
    "title": "[地下城与勇士M]九游神秘预约礼包"
}, {
    "fff": "rank-no",
    "num": "4",
    "title": "[斗罗大陆：武魂觉醒]预约礼包"
}, {
    "fff": "rank-no",
    "num": "5",
    "title": "[方舟生存进化]预约"
}, {
    "fff": "rank-no",
    "num": "6",
    "title": "[暗黑破坏神：不朽]九游公测预约福利"
}, {
    "fff": "rank-no",
    "num": "7",
    "title": "[修仙在云端]预约礼包"
}, {
    "fff": "rank-no",
    "num": "8",
    "title": "[天地劫]预约礼包"
}, {
    "fff": "rank-no",
    "num": "9",
    "title": "[奥奇传说]首发神秘礼包预约"
}, {
    "fff": "rank-no",
    "num": "10",
    "title": "[刀剑神域黑衣剑士：王牌]预约福利"
}]
var skt1=''
data3.map(itme =>{
    skt1+=`<li class="rank-li">
    <span class="rank-sp ${itme.fff}">${itme.num}</span>
    <a hre="">${itme.title}</a>
    <span class="rank-am"></span>
</li>`
})
list7.innerHTML =skt1